body {
    background: #f8f8f8;
}

.container-full {
    min-width: 1170px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-clear {
    padding: 0 !important;
}

.displayFlex {
    display: flex;
}

.list {
    background: #fff;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 60px;
    height: 591px;
}

.list-title {
    line-height: 55px;
    font-size: 16px;
    background: 0 0;
    color: #606060;
    padding-left: 20px;
    border-top: #f1f1f1 solid 1px;
    border-bottom: #f1f1f1 solid 1px;
    display: block;
    cursor: pointer;
}

.list-icon {
    width: 26px;
    height: 26px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.list .nav > li {
    position: relative;
    display: block;
    height: 42px;
}

.list .nav > li > a {
    font-size: 14px;
    padding: 10px 15px 10px 60px;
    color: #606060;
    border: 1px solid #fff;
    border-radius: 0;
    height: 42px;
    text-align: left;
}

.list .nav-pills > li.active > a, .list .nav > li > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background: #f9f5eb;
    color: #c83935;
    border: 1px solid #fff0e4;
    border-radius: 0;
}

.padding-left-clear {
    padding-left: 0px;
}

.right-height {
    height: 648px;
}

.right-area {
    /*height: 591px;*/
    background: #fff;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 15px !important;
}

.right-area .rightarea-con {
    padding-top: 30px;
    padding-bottom: 125px;
}

.user-top-icon {
    background: #fcf6ee;
    height: 120px;
    padding-top: 23px;
}

.right-area .rightarea-con {
    padding-top: 30px;
    padding-bottom: 125px;
}

.vip .score-top-icon {
    height: 137px;
    background: #fcf6ee;
}

.vip .top-icon {
    line-height: 137px;
}

.vip .viplevel0 {
    background: url(../image/vippicture.png) no-repeat -180px 0;
}

.vip .vip-icon {
    width: 96px;
    height: 96px;
    display: inline-block;
    vertical-align: middle;
}

.vip .top-con {
    padding-top: 45px;
    color: #e06924;
    position: relative;
    font-size: 14px;
}

.vip .top-con p:last-child {
    font-size: 20px;
    font-weight: bold;
}

.vip .top-con .split {
    width: 1px;
    height: 70px;
    position: absolute;
    top: 33px;
    right: 0;
    border: 1px dotted #e0e2e1;
}

.vip #buyVip6 {
    cursor: pointer;
}

.vip .now_buy {
    color: #fff;
    vertical-align: middle;
    background: #f9f9f9 url(../image/vippicture.png) no-repeat 0 -1090px;
    width: 317px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    border: none;
    outline: none;
    font-size: 17px;
    font-weight: bold;
}

.vip .score-top-v6 {
    background: #f9f9f9;
    height: 137px;
    margin-top: 10px;
    display: inline;
}

.vip .score-top-v6 .top-v6-title {
    font-size: 14px;
    color: #999999;
    height: 55px;
    line-height: 55px;
}

.vip .score-top-v6 .top-v6-con p {
    font-size: 14px;
    color: #666666;
    background: url(../image/vippicture.png) no-repeat 0 -1045px;
    padding-left: 20px;
}

.vip .userlevelinfo {
    padding-top: 30px;
}

vip .vipdjinfo {
    font-size: 14px;
    color: #000;
    margin-bottom: 30px;
}

.vip .vipdj-pic {
    padding: 0 44.5px;
    position: relative;
    height: 70px;
}

.vip .dj-line {
    height: 70px;
    width: 816px;
    background: url(../image/viplevel.png) no-repeat;
    float: left;
    background-size: 100% 100%;
}

.vip .ulinfo {
    padding-top: 30px;
}

.vip .vipdjinfo {
    font-size: 14px;
    color: #000;
    margin-bottom: 30px;
}

.vip .ulinfo table {
    width: 100%;
    color: #000000;
    font-size: 12px;
    border-bottom: 1px solid #efefef;
}

.vip .vipheader {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #a1535d;
}

.vip .ulinfo table tr {
    height: 40px;
}

.vip .ulinfo table tr td {
    width: 290px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    border-right: 1px solid #efefef;
}

.vip .vipdjpromt {
    margin-top: 25px;
    padding-left: 30px;
    padding-top: 8.5px;
    background-color: #f8f8f8;
    color: #f68701;
    border: 1px solid #feeedb;
}

.vip .ulinfo table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.vip .usergetjf {
    margin-top: 40px;
}

.vip .databtn {
    padding: 3px 0 3px 15px;
    cursor: pointer;
    margin: 0 6px;
    display: inline-block;
}

.vip .datainput {
    border: none;
    width: 100px;
    outline: none;
    border: 1px solid #bababa;
    transition: all .1s ease;
}

.vip #selectbydate {
    display: inline;
    width: 85px;
    height: 25px;
    color: #fff;
    background-color: #da2e22;
    border: none;
}

.vip .userlogjf {
    margin-top: 10px;
}

.modal-trading-dialog {
    width: 400px !important;
}

.modal-custom .modal-mark {
    position: absolute;
    z-index: -10;
    top: -10px;
    left: -10px;
    background: #FFF;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-custom .modal-header {
    background: url(../image/commplist.png) 0 -130px no-repeat;
    line-height: 92px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 0;
}

.modal-custom .btn-modal {
    background: #fff;
    width: 39px;
    height: 39px;
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 39px;
    font-size: 25px;
    color: #c83935;
    outline: 0;
}

.modal-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.form-control {
    border-radius: 0;
}

.modal-custom .error-msg {
    position: absolute;
    left: 0;
    top: -8px;
}

.btn-danger {
    background-color: #da2e22;
    border-color: #da2e22;
}

h5.style1 {
    font-size: 14px;
    color: #e06924;
    padding-top: 10px;
}

.user .top-icon.intro {
    background-position: 0 -670px;
}

.user .top-icon {
    background: url(../image/userplist.png) no-repeat 0 0;
    width: 75px;
    height: 75px;
    display: inline-block;
}

.user .top-title1 {
    font-size: 20px;
    color: #834765;
    margin-right: 10px;
    display: inline-block;
    font-weight: bold;
}

.padding-top-30 {
    padding-top: 30px !important;
}

tr.bg-gary {
    background-color: #f9f9f9 !important;
    color: #a1535d;
}

.no-data-tips span {
    background: url(../image/nodata.png) top center no-repeat;
    display: inline-block;
    padding-top: 85px;
    min-width: 200px;
}

.table > tbody > tr > td {
    border-top: none;
    line-height: 34px;
}

.table > tbody > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.no-data-tips {
    padding: 50px 0 !important;
    text-align: center;
}

.index-top-icon {
    background: #fcf6ee;
    height: 137px;
}

.top-icon {
    position: relative;
    padding-top: 40px;
}

.assets-icon {
    padding: 5px 8px;
    background: #f7dfce;
    border: 1px solid #f5d4be;
    color: #e06924;
    position: relative;
}

.assets-icon i.gross {
    background: url(../image/finance/financeplist.png) no-repeat 0 -420px;
}

.assets-icon i {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.text-danger {
    color: #e06924 !important;
}

.top-icon .split {
    width: 1px;
    height: 70px;
    position: absolute;
    top: 33px;
    right: 0;
    border: 1px dotted #e2e2e2;
}

.top-btn {
    line-height: 137px;
}

.top-btn .btn {
    width: 110px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    color: #e06924;
    border-radius: 0;
    border: 1px solid #e06924;
    transition: all .1s;
}

.top-btn .btn-re {
    background: #e06924;
    color: #fff;
    margin-left: 10px;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.table-striped > tbody > tr.bg-gray {
    background-color: #f9f9f9 !important;
    color: #a1535d;
}

.border-top-clear {
    border-top: none !important;
}

.table > tbody > tr > td {
    padding: 8px;
    vertical-align: top;
}

.YMB-combox {
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
}

.YMB-combox .coml, .YMB-combox2 .coml {
    float: left;
}

.YMB-combox .combox1 {
    width: 386px;
    border-right: 1px dashed #dedede;
}

.YMB-combox .combox1 p {
    padding: 0;
    margin: 0;
}

.YMB-combox .ptxt1 {
    font-size: 14px;
    color: #515151;
}

.YMB-combox .combox1 p {
    padding: 0;
    margin: 0;
}

.YMB-combox .ptxt2 {
    font-size: 40px;
    color: #e06924;
    font-family: Arial;
    font-weight: bold;
}

.YMB-combox .com95 {
    padding-left: 95px;
    border-right: none;
}

.YMB-combox .comboth, .YMB-combox2 .comboth {
    clear: both;
}

.YMB-combox .comr, .YMB-combox2 .comr {
    float: right;
}

.YMB-combox2 {
    margin: 30px 0 15px 0;
}

.YMB-combox2 .sybox {
    width: 395px;
    line-height: 17px;
}

.YMB-comimg {
    width: 129px;
    height: 150px;
    background: url(../image/finance/ymb3.png) no-repeat top;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    margin-right: -15px;
}

.YMB-combox2 .sybox .h1io {
    background: url(../image/finance/ymb1.png) no-repeat 5px 0;
    height: 28px;
    padding-left: 35px;
}

.YMB-combox2 .sybox h1 {
    font-size: 14px;
    border-bottom: 1px dashed #dedede;
    line-height: 24px;
    margin-bottom: 16px;
}

.YMB-combox2 .sybox p {
    padding: 0 10px;
    color: #939393;
}

.YMB-combox2 .sybox .h1ii {
    background: url(../image/finance/ymb2.png) no-repeat 5px 0;
    height: 28px;
    padding-left: 35px;
}

.border {
    border: 1px solid #e6e6e6 !important;
}

/*financial*/

.panel-heading {
    background: #f9f9f9;
}

.text-danger {
    color: #da2e22 !important;
}

.rightarea .recordtitle {
    cursor: pointer;
}

.panel-body table tr:first-child {
    border-bottom: 1px solid #dddddd;
}

.panel-body .table > tbody > tr > td {
    line-height: 1.42857143;
}

.no-data-tips span {
    background: url(../image/nodata.png) top center no-repeat;
    display: inline-block;
    padding-top: 85px;
    min-width: 200px;
}

.Ji_clear {
    clear: both !important;
}

.index-top-icon2 {
    background: #fcf6ee;
    height: 173px;
}

.top-btn2 {
    margin-top: 30px;
    line-height: 60px;
    padding-right: 10px;
}

.top-btn2 .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    color: #e06924;
    border-radius: 0;
    border: 1px solid #e06924;
    transition: all .1s;
}

.top-btn2 .btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    color: #e06924;
    border-radius: 0;
    border: 1px solid #e06924;
    transition: all .1s;
}

.top-btn2.btn.btn-re {
    background-color: #e06924;
    color: #fff;
}

.text-left {
    text-align: left !important;

}

.top-btn3 {
    background: #ffd770;
    color: #000000;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 5px;
}

.right-area .rightarea-tabs {
    background: #fcfbfb;
    border-bottom: none;
    border-top: 3px solid #f1f0f0;
}

.right-area .rightarea-tabs li:last-child {
    border-right: 1px solid #fcfbfb;
}

.right-area .rightarea-tabs li {
    position: relative;
    top: -3px;
    margin-bottom: -3px;
}

.right-area .rightarea-tabs li.active > a, .right-area .rightarea-tabs li:hover > a {
    color: #da2e22;
    background-color: #fff;
    border-top: 3px solid #da2e22;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.right-area .rightarea-tabs li > a {
    padding: 10px 30px;
    margin-right: 0;
    font-size: 14px;
    border-radius: 0;
}

.right-area .recordtitle {
    cursor: pointer;
    text-decoration: none;
}

.finance .recharge-box {
    height: 282px;
    background: #f9f9f9;
    padding: 30px 40px;
}

.form-control {
    border-radius: 0;
}

.finance .randomtips {
    position: absolute;
    top: 0;
    right: -10px;
    color: #e80f1d;
}

.finance .recharge-tips {
    background: #fdfaf3;
    line-height: 30px;
    display: block;
    padding: 0 12px;
    margin-bottom: 20px;
    border: 1px solid #fff0e4;
    border-top-color: #fdfaf3;
}

.btn-xs-6 {
    width: 50% !important;
    font-size: 12px;
}

.btn-danger {
    background-color: #da2e22;
    border-color: #da2e22;
}

.btn {
    border-radius: 0;
    outline: none;
}

.finance .recharge-help {
    background: url(../image/finance/financeplist.png) no-repeat 0 -120px;
    width: 250px;
    padding-top: 110px;
    padding-bottom: 40px;
    display: inline-block;
}

.right-area .panel-tips {
    border: 3px solid #fdfaf3;
    color: #9e9e9e;
    font-size: 12px;
}

.right-area .panel-tips .panel-header {
    background: #fdfaf3;
    line-height: 40px;
    margin-bottom: 15px;
}

.right-area .panel-tips .panel-title {
    font-size: 16px;
}

.finance .recharge-type.active, .finance .recharge-type:hover {
    background-position-y: 0;
}

.finance .recharge-type {
    width: 150px;
    display: inline-block;
    height: 45px;
}

.finance .alipay {
    background: url(../image/finance/financeplist.png) no-repeat 0px -68px;
}

.finance .bank {
    background: url(../image/finance/financeplist.png) no-repeat -162px -68px;
}

.finance .onlinebank {
    background: url(../image/finance/financeplist.png) no-repeat -490px -68px;
    width: 185px;
}

.recharge .recharge-type.active, .recharge .recharge-type:hover {
    background-position-y: 0;
}

.recharge .recharge-type {
    width: 150px;
    display: inline-block;
    height: 45px;
}

.recharge .alipay {
    background: url(../image/finance/financeplist.png) no-repeat 0px -68px;
}

.recharge .bank {
    background: url(../image/finance/financeplist.png) no-repeat -162px -68px;
}

.recharge .onlinebank {
    background: url(../image/finance/financeplist.png) no-repeat -490px -68px;
    width: 185px;
}

.recharge .recharge-process {
    height: 35px;
    border-bottom: 3px solid #f1f0f0;
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
}

.recharge .recharge-process .active {
    border-bottom: 3px solid #ffad01;
}

.recharge .recharge-process > span {
    height: 35px;
    text-align: center;
}

.recharge .recharge-process-icon {
    border: 1px solid #b5b4b4;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    color: #b5b4b4;
    display: inline-block;
    font-size: 12px;
}

.recharge .recharge-process .active .recharge-process-icon {
    border: 1px solid #ffad01;
    color: #ffad01;
}

.recharge .recharge-process-icon {
    border: 1px solid #b5b4b4;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    color: #b5b4b4;
    display: inline-block;
    font-size: 12px;
}

.recharge .recharge-process-text {
    color: #b5b4b4;
}

.recharge .randomtips {
    position: absolute;
    top: 0;
    right: -10px;
    color: #e80f1d;
}

.recharge .rechage-tips {
    background: #fdfaf3;
    line-height: 30px;
    display: block;
    padding: 0 12px;
    margin-bottom: 20px;
    border: 1px solid #fff0e4;
    border-top-color: #fdfaf3;
}

.btn-danger {
    background-color: #da2e22;
    border-color: #da2e22;
}

.btn {
    border-radius: 0;
    outline: none;
}

.recharge .recharge-help {
    background: url(../image/finance/financeplist.png) no-repeat 0 -120px;
    width: 250px;
    padding-top: 110px;
    padding-bottom: 40px;
    display: inline-block;
}

.border-f9f {
    border: 1px solid #f9f9f9 !important;
    box-shadow: none;
    background: #f9f9f9;
    padding-left: 0;
}

.recharge .bank-icbc {
    background: url(../image/finance/bankicon/icbc.gif) no-repeat center center;
}

.recharge .bank-abc {
    background: url(../image/finance/bankicon/abc.gif) no-repeat center center;
}

.recharge .bank-boc {
    background: url(../image/finance/bankicon/boc.gif) no-repeat center center;
}

.recharge .bank-ccb {
    background: url(../image/finance/bankicon/ccb.gif) no-repeat center center;
}

.recharge .bank-comm {
    background: url(../image/finance/bankicon/comm.gif) no-repeat center center;
}

.recharge .bank-cmb {
    background: url(../image/finance/bankicon/cmb.gif) no-repeat center center;
}

.recharge .bank-ceb {
    background: url(../image/finance/bankicon/ceb.gif) no-repeat center center;
}

.recharge .bank-hxb {
    background: url(../image/finance/bankicon/hxb.gif) no-repeat center center;
}

.recharge .bank-cmsb {
    background: url(../image/finance/bankicon/cmsb.gif) no-repeat center center;
}

.recharge .bank-spdb {
    background: url(../image/finance/bankicon/spdb.gif) no-repeat center center;
}

.recharge .bank-cgb {
    background: url(../image/finance/bankicon/cgb.gif) no-repeat center center;
}

.recharge .bank-cncb {
    background: url(../image/finance/bankicon/cncb.gif) no-repeat center center;
}

.recharge .bank-bjb {
    background: url(../image/finance/bankicon/bjb.gif) no-repeat center center;
}

.recharge .bank-pab {
    background: url(../image/finance/bankicon/pab.gif) no-repeat center center;
}

.recharge .bank-psbc {
    background: url(../image/finance/bankicon/psbc.gif) no-repeat center center;
}

.recharge .bank-shb {
    background: url(../image/finance/bankicon/shb.gif) no-repeat center center;
}

.recharge .bank-cib {
    background: url(../image/finance/bankicon/cib.gif) no-repeat center center;
}

.recharge .bank-nbcb {
    background: url(../image/finance/bankicon/nbcb.gif) no-repeat center center;
}

.recharge .bank-item {
    width: 126px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    border: #f1f1f0 1px solid;
}

.recharge .bank-item:hover .bank-item-checked {
    display: block;
}

.recharge .bank-item .bank-item-checked {
    border: #f7b895 solid 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 126px;
    height: 50px;
    display: none;
    background: url(../image/finance/financeplist.png) no-repeat 97px -1660px;
}

.border-fff {
    border: 1px solid #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
}

.withdraw .addtips {
    position: absolute;
    top: 7px;
    right: -50px;
}

.withdraw .amounttips {
    width: 100%;
    height: 80px;
    line-height: 40px;
    font-size: 14px;
    border: #dcdcdc dotted 1px;
    display: block;
    margin-top: 5px;
}

.withdraw .amounttips > span {
    display: block;
    padding-left: 30px;
}

.withdraw .btn-sendmsg {
    position: relative;
    top: -34px;
    left: 135px;
}

.right-area .rightarea-tabs li {
    position: relative;
    top: -3px;
    margin-bottom: -3px;
}

.right-area .rightarea-tabs li.active > a, .right-area .rightarea-tabs li:hover > a {
    color: #da2e22;
    background-color: #fff;
    border-top: 3px solid #da2e22;
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.withdraw .recharge-qrcodetext {
    font-size: 14px;
    line-height: 47px;
}

.recharge span#feeNotice {
    width: 400px;
    position: absolute;
    padding-top: 7px;
}

.recharge span#feeNotice2 {
    width: 400px;
    position: absolute;
    padding-top: 7px;
}

.btn-sendmsg {
    position: absolute;
    top: 0;
    right: 15px;
    outline: 0;
}

.record .datainput {
    border: 1px solid #bababa;
    width: 100px;
    outline: none;
    transition: all .1s ease;
}

.record .datainput:hover {
    border: 1px solid #1174b1;
}

.record .databtn {
    padding: 3px 15px;
    cursor: pointer;
    margin: 0 10px;
    display: inline-block;
}

.record .datatime {
    width: 85px;
    height: 25px;
    line-height: 25px;
    color: #333333;
    background-color: #f8f8f8;
    border: none;
    text-align: center;
    padding: 0;
}

.record .datatime-sel {
    color: #fff !important;
    background-color: #da2e22 !important;
}

.record .datatips {
    padding: 5px 5px;
}

.record .typeselect {
    width: 100px;
    display: inline-block;
    margin: 0 10px;
    height: inherit;
    padding: 3px 12px;
}

.assets .bank-add {
    border: dotted 1px #d1d1d1;
    border-radius: 5px;
    height: 135px;
    padding-top: 40px;
    cursor: pointer;
}

.assets .coin-add {
    height: 85px;
    padding-top: 18px;
}

.assets .bank-add .icon {
    background: url(../image/finance/financeplist.png) no-repeat 0 -670px;
    width: 28px;
    height: 26px;
    display: inline-block;
}

/*模态框样式*/
.modal {
    z-index: 100050;
}

.modal-custom .modal-dialog {
    width: 555px !important;
}

.modal-custom .modal-mark {
    position: absolute;
    z-index: -10;
    width: 100%;
    height: auto;
    top: -10px;
    left: -10px;
    background: #FFF;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

.modal-custom .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: initial;
    margin-top: 0px;
}

.modal-custom .modal-header {
    background: url(../image/commplist.png) 0 -130px no-repeat;
    line-height: 92px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 0;
}

.modal-custom .btn-modal {
    background: #fff;
    width: 39px;
    height: 39px;
    position: absolute;
    right: -20px;
    top: -20px;
    border-radius: 39px;
    font-size: 25px;
    color: #c83935;
    outline: 0;
}

.modal-custom .btn-modal, .modal-custom .btn-modal:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal-bodyl {
    padding-top: 30px;
    padding-bottom: 40px;
}

.modal-custom .form-group {
    position: relative;
}

.form-control {
    border-radius: 0;
}

.margin-bottom-clear {
    margin-bottom: 0 !important;
}

.modal-custom .modal-info-tips {
    background: #f9f5eb;
    display: inline-block;
    padding: 5px 20px;
}

.border-fff {
    border: 1px solid #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
}

.btn {
    border-radius: 0;
    outline: none;
}

.btn-areacode {
    left: 15px;
    width: 80px;
    background: #dcdcdc;
}

.padding-left-92 {
    padding-left: 92px !important;
}

.btn-imgcode {
    right: 15px;
    padding: 0;
    height: 34px;
}

.btn-sendemailcode, .btn-sendmsg {
    right: 15px;
}

.btn-areacode, .btn-imgcode, .btn-sendemailcode, .btn-sendmsg {
    position: absolute;
    top: 0;
    outline: 0;
}

.modal .form-qrcodebox {
    height: 345px;
    background-color: #f9f5eb;
}

.modal .form-qrcode-quotess {
    background-position: 18px 12px;
}

.modal .form-qrcode-quotes {
    height: 40px;
    background: url(../image/point_bg.png) no-repeat;
}

.modal .form-qrcodebox-cld {
    width: 228px;
    height: 258px;
    float: left;
    padding-left: 55px;
}

.modal .form-qrcode-coded {
    width: 164px;
    float: left;
    background-color: #5c3738;
}

.modal .form-qrcode-codec {
    width: 164px;
    float: left;
    background-color: #c83935;
}

.form-qrcode-title {
    width: 164px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.modal .form-qrcode {
    width: 150px;
    height: 150px;
    border: 5px solid #fff;
    float: left;
    margin: 0 0 7px 7px;
}

.form-qrcode-img {
    width: 140px;
    height: 140px;
    border: none;
}

.modal .form-qrcode-tips {
    width: 164px;
    float: left;
    padding-top: 10px;
}

.modal .form-qrcode-tips > span {
    vertical-align: middle;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
}

.modal .form-qrcode-quotese {
    background-position: 456px -30px;
}
